<template>
  <div class="h-full dark_table monitor_item">
    <div class="item_title flex-x">
      <img
        src="@/assets/images/shebeiIcon/msg_7.png"
        style="width: 11px; height: 11px; margin-right: 4px"
        alt=""
      />
      <div class="title_text">设备报警信息</div>
    </div>
    <el-table
      style="margin-top: 10px"
      height="100px"
      size="mini"
      v-adaptive="{ bottomOffset: 10 }"
      :data="tableData"
      border
    >
      <el-table-column
        prop="name"
        align="center"
        show-overflow-tooltip
        label="设备名称"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        align="center"
        show-overflow-tooltip
        label="报警类型"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        align="center"
        show-overflow-tooltip
        label="报警级别"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        align="center"
        show-overflow-tooltip
        label="报警时间"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
    };
  },
};
</script>

<style lang="scss" scoped>
.monitor_item {
  margin-top: 20px;
  .item_title {
    width: 100%;
    height: 26px;
    background: linear-gradient(-90deg, #000949, #1c349a);
    padding-left: 10px;
    border-radius: 5px;
    .title_text {
      color: #fff;
      font-size: 14px;
    }
  }
}
</style>